import { toast } from "sonner";
import { cn } from "@/lib/utils";
import { useTheme } from "@/hooks/useTheme";

// Empty component
export function Empty({ message = "暂无内容" }) {
  const { isDark } = useTheme();
  
  return (
    <div 
      className={cn(
        "flex flex-col items-center justify-center h-64",
        isDark ? "text-slate-400" : "text-slate-500"
      )}
      onClick={() => toast('Coming soon')}
    >
      <i className="fa-solid fa-folder-open text-4xl mb-4 opacity-50"></i>
      <p className="text-lg font-medium">{message}</p>
    </div>
  );
}